<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./plantilla.xhtml">

            <ui:define name="left">
                <h:form id="form">
                    <p:growl id="msgs"/>
                    <p:panel  header="Administracion">
                       
                             <h:outputLabel value="Elija una opcion : *"/>
                             
                             <br/>
                             <p:commandButton value="Registrar Persona"/>
                             <br/>
                             <p:commandButton value="Modificar"/>
                   </p:panel> 
                        
                   
                </h:form>
            </ui:define>

            <ui:define name="content">
                <h:form id="Registros" >  
                   <p:growl id="msgs" />  
                   <p:panel header="Registro de Persona">  
                    <h:panelGrid columns="6" id="grid">  
                         <h:outputText value="Id: * " />  
                         <p:keyboard value="" keypadOnly="true"/>
                         <h:outputLabel value="Nombres : *" for="txt_nombres"/>
                         <p:inputText id="txt_nombres" 
                                      required="true"   
                                      value="" />  
                         <h:outputLabel value="Apellidos : *" for="txt_apellidos"/>
                         <p:inputText id="txt_apellidos" 
                                      required="true"   
                                      value="" />  
                         <h:outputLabel value="Tipo Persona : *" for="usuario"/>
                         <p:selectOneMenu id="usuario" value="#{tipoUsuario.usuario}">  
                             <f:selectItem itemLabel="Seleccione Usuario" itemValue="" />  
                             <f:selectItems value="#{tipoUsuario.user}" />  
                         </p:selectOneMenu>  
                         <h:outputLabel value="Direccion : *" for="txt_direccion"/>
                         <p:inputText id="txt_direccion" 
                                      required="true"   
                                      value="" /> 
                         <h:outputLabel value="Email : *" for="txt_email"/>
                         <p:inputText id="txt_email" 
                                      required="true"   
                                      value="" />  
                         <h:outputLabel value="Telefonos : *" for="txt_telefono"/>
                         <p:keyboard value="" keypadOnly="true"/>
                         <h:outputLabel value="Fecha Nacimiento : *" for="fechnac"/>
                         <p:calendar value="#{calendarBean.date3}" id="fechnac" showOn="button" /> 
                         <br/>
                         <p:commandButton value="Reset" type="reset"/> 
                         <br/>
                         <p:commandButton id="btn_add" value="Add" 
                                           >  
                         </p:commandButton>  
                    </h:panelGrid>  
                   </p:panel>  
                   <p:outputPanel id="books">  
                     <p:dataTable id="booksTable" value="" var="book">  
                         <p:column>  
                           <f:facet name="header">  
                              <h:outputText value="Id" />  
                           </f:facet>  
                           <h:outputText value="" />  
                         </p:column>  
                         <p:column>  
                            <f:facet name="header">  
                               <h:outputText value="Nombre" />  
                            </f:facet>  
                            <h:outputText value="" />  
                         </p:column>  
                         <p:column>  
                            <f:facet name="header">  
                               <h:outputText value="Apellidos" />  
                            </f:facet>  
                            <h:outputText value="" />  
                         </p:column>
                         <p:column>  
                            <f:facet name="header">  
                               <h:outputText value="Direccion" />  
                            </f:facet>  
                            <h:outputText value="" />  
                         </p:column> 
                         <p:column>  
                            <f:facet name="header">  
                               <h:outputText value="Fecha Nacimiento" />  
                            </f:facet>  
                            <h:outputText value="" />  
                         </p:column> 
                         <p:column>  
                            <f:facet name="header">  
                               <h:outputText value="Telefono" />  
                            </f:facet>  
                            <h:outputText value="" />  
                         </p:column> 
                       </p:dataTable>  
                     </p:outputPanel>  
                  </h:form>  
            </ui:define>

            

        </ui:composition>

    </body>
</html>
